<template>
  <van-col :span="24" style="padding: 0.15625rem">
    <div class="equipment center">
      <van-row>
        <van-col :span="5">
          <img src="../../../../assets/images/videoLogo.png" alt="">
        </van-col>
        <van-col :span="12" style="line-height: 3.4375rem;">
          <span>{{data.deviceName}}</span>
          <span v-if="data.status" style="color: seagreen;">
            <svg-icon icon-class="point" style="font-size: 20px;" />
            <span style="border: 1px solid seagreen;padding: 0.1875rem 0.625rem;">在线</span>
          </span>
          <span v-else style="color: #f00;">
            <svg-icon icon-class="pointRed" style="font-size: 20px;" />
            <span style="border: 1px solid #f00;padding: 0.1875rem 0.625rem;">离线</span>
          </span>
        </van-col>
        <van-col :span="7" style="line-height: 3.4375rem;">
          <van-icon name="arrow" style="font-size: 1rem;" />
        </van-col>
      </van-row>
    </div>
  </van-col>
</template>

<script>
  export default {
    props: ['data']
  }
</script>

<style scoped lang="scss">
  .equipment{
    padding: 0.3125rem 0;
    background-color: #fff;
    font-size: $fontSize
  }
</style>
